<template>
	<view>
	  <view class="tip">请向管理员申请绑定孩子账号</view>
	  <view class="userInfo">
		<image
		  class="headIcon"
		  :src="`${OSS_URL}/urm/bindDevice/baba.png`"
		  mode="scaleToFill"
		/>
		<text class="name">爸爸</text>
  
		<text class="info">(家长管理员)</text>
	  </view>
  
	  <view class="reminder">
		<text class="reminderText">温馨提示：</text>
		<text class="cont"
		  >您需要向管理员发出申请，管理员通过后，才能共同管理孩子的学习情况。</text
		>
	  </view>
  
	  <view class="sub" @click="subFun"> 申请绑定孩子账号 </view>
	</view>
  </template>
  
  <script setup >
  const OSS_URL = import.meta.env.VITE_OSS_HOST;
  function subFun(){
	  uni.navigateTo({ url: './bindChildAccount' })
  }


  </script>
   
  <style lang="scss" scoped>
  .tip {
	color: rgba(51, 51, 51, 1);
	width: 100%;
	text-align: center;
	margin-top: 50upx;
  }
  
  .userInfo {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
  
	.headIcon {
	  width: 120upx;
	  height: 120upx;
	  margin-top: 50upx;
	}
	.name {
	  font-size: 32upx;
	  color: rgba(51, 51, 51, 1);
	  margin-top: 20upx;
	}
	.info {
	  margin-top: 10upx;
	  font-size: 28upx;
	  color: rgba(169, 170, 181, 1);
	}
  }
  .reminder {
	width: 690upx;
	margin-left: 30upx;
	border-radius: 20upx;
	background-color: #fff;
	padding: 30upx 40upx;
	box-sizing: border-box;
	margin-top: 50upx;
	display: flex;
	flex-direction: column;
  
	.reminderText {
	  font-size: 30upx;
	  color: rgba(51, 51, 51, 1);
	}
	.cont {
	  font-size: 30upx;
	  color: rgba(102, 102, 102, 1);
	  margin-top: 20upx;
	}
  }
  
  .sub {
	width: 690upx;
	height: 90upx;
	border-radius: 20upx;
	color: #fff;
	font-size: 30upx;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 120upx;
	background-color: rgba(97, 93, 255, 1);
	margin-left: 30upx;
  }
  
  
  </style>